<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		} 
	}
</script>

<style lang="scss">
	@import "@/uni_modules/uview-ui/index.scss";
	page {
		width: 100%;
		height: 100%;
		font-size: 14px;
		background: #F6F6F6;
		color: #333333;
	}
	
	button {
		background: none;
		padding: 0;
		margin: 0;
		border: none;
		line-height: normal;
		font-size: 14px;
	}
	
	button::after {
		border: none;
	}
	
	.and_pageTitle {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
		height: calc(var(--status-bar-height) + 56px + 1px);
	
		.pageTitle {
			width: 100%;
			height: 46px;
			padding: 0 3%;
			box-sizing: border-box;
			margin-top: 10px;
	
			.backIcon {
				width: 40rpx;
			}
	
			.title {
				font-size: 16px;
				text-align: center;
				flex: 1;
				font-weight: bold;
			}
		}
	}
	
	.androidPadding {
		padding-top: calc(var(--status-bar-height) + 56px + 1px);
	}
	
	.ios_pageTitle {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
		height: calc(var(--status-bar-height) + 63px);
	
		.pageTitle {
			width: 100%;
			height: 53px;
			padding: 0 3%;
			margin-top: 18px;
			box-sizing: border-box;
	
			.backIcon {
				width: 40rpx;
			}
	
			.title {
				font-size: 16px;
			}
		}
	}
	
	.iosPadding {
		padding-top: calc(var(--status-bar-height) + 63px);
	}
	
	.statusBar {
		width: 100%;
		height: calc(var(--status-bar-height));
	}
	
	img {
		display: block;
		width: 100% !important; 
	}
	
	image {
		height: auto;
		width: 100%;
		border-radius: 5px!important;
	}
	
	input,
	textarea {
		display: block;
		width: 100%;
	}
	
	.imgPublic {
		font-size: 0;
		overflow: hidden;
	}
	
	.dFlex {
		display: flex;
	}
	
	.jStart_aStart {
		justify-content: flex-start;
		align-items: flex-start;
	}
	
	.jStart_aCenter {
		justify-content: flex-start;
		align-items: center;
	}
	
	.jStart_aEnd {
		justify-content: flex-start;
		align-items: flex-end;
	}
	
	.jAround_aStart {
		justify-content: space-around;
		align-items: flex-start;
	}
	
	.jAround_aCenter {
		justify-content: space-around;
		align-items: center;
	}
	
	.jAround_aEnd {
		justify-content: space-around;
		align-items: flex-end;
	}
	
	.jCenter_aStart {
		justify-content: center;
		align-items: flex-start;
	}
	
	.jCenter_aCenter {
		justify-content: center;
		align-items: center;
	}
	
	.jCenter_aEnd {
		justify-content: center;
		align-items: flex-end;
	}
	
	.jEnd_aStart {
		justify-content: flex-end;
		align-items: flex-start;
	}
	
	.jEnd_aCenter {
		justify-content: flex-end;
		align-items: center;
	}
	
	.jEnd_aEnd {
		justify-content: flex-end;
		align-items: flex-end;
	}
	
	.jBetween_aStart {
		justify-content: space-between;
		align-items: flex-start;
	}
	
	.jBetween_aCenter {
		justify-content: space-between;
		align-items: center;
	}
	
	.jBetween_aEnd {
		justify-content: space-between;
		align-items: flex-end;
	}
	
	.flexDirection {
		flex-direction: column;
	}
	
	.fWap {
		flex-wrap: wrap;
	}
	
	.seat {
		height: 100px;
	}
	
	.zz {
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
	}
	
	.empty {
		width: 50% !important;
		margin: 80rpx auto 20rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	view::-webkit-scrollbar {
		display: none;
	}
	.screenCondition{
		width: 100%;
		padding: 12px 0 6px;
		.conditionOne{
			flex: 1;
			text-align: center;
			color: #808080;
			font-size: 13px;
			.bottomLine{
				opacity: 0;
				width: 35rpx;
				margin: 6px auto 0;
			}
		}
		.actScreen{
			color: #000000;
			font-weight: bold;
			.bottomLine{
				opacity: 1;
			}
		}
	}
</style>
